<template>
    <div class="block">
        <tabhead :title="title"></tabhead>
        <slot></slot>
    </div>
</template>
<script lang="ts" setup>
import tabhead from '@/components/tabhead.vue';
const props = defineProps<{
    title: string
}>()
</script>
<style scoped>
.img1 {
    display: block;
    width: 19.2vw;
    height: 18.4vh;
    margin: 0.8vh auto;
}

.block {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #42502ccc;
    border-radius: 8px;
    position: relative;
}

.title {
    color: #67d5c8;
    font-size: 1vw;
    text-align: center;
    padding: 1vh;
}

.desc {
    color: #c7d4cb;
    font-size: 1.5vh;
    padding: 0 1vh 1vh 1vh;
}
</style>